/**
 * Created by Administrator on 2017/9/20.
 */
$(function(){
    //加载验证码的方法
    $.idcode.setCode();
    //改变鼠标移入移出的框框变色
    $("header > .head_top > .wrapper > ul>li").on("mouseenter", function(){
        $(this).css("background", "white");
    });
    $("header > .head_top > .wrapper > ul>li").on("mouseleave", function(){
        $(this).css("background", "#f2f2f2")
    });
    //划出--我的账户，卷帘门下拉
    $("header > .head_top > .wrapper > ul>li:first").on("mouseenter", function(){
        $(this).children("dl").stop().slideDown();
    });
    $("header > .head_top > .wrapper > ul>li:first").on("mouseleave", function(){
        $(this).children("dl").stop().slideUp()
    });

    var textArr = [];
    //表单正则判定。
    $(".reg_main form>input").eq(0).on("blur", function(){
        var uName = $(".reg_main form input").eq(0).val();
        var pattern1 = /^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/;
        var pattern2 = /^1[3|4|5|8][0-9]\d{4,8}$/;
        if((pattern1.test(uName.trim())) || (pattern2.test(uName.trim()))){
            $(".reg_main form>span").eq(0).text("正确");
            textArr[0] = 1;
        } else {
            textArr[0] = 0;
            $(".reg_main form>span").eq(0).text("邮箱或手机号码错误");
            $(".reg_main form>span").eq(0).css("visibility", "visible")
        }
    });
    $(".reg_main form>input").eq(1).on("blur", function(){
        var uPwd = $(".reg_main form input").eq(1).val();
        var pattern3 = /\w{6,16}/;
        if(pattern3.test(uPwd.trim())){
            textArr[1] = 1;
            $(".reg_main form>span").eq(1).text("正确");
        } else {
            textArr[1] = 0;
            $(".reg_main form>span").eq(1).text("密码为6-16位字母和数字组合");
            $(".reg_main form>span").eq(1).css("visibility", "visible")
        }

    });
    $(".reg_main form>input").eq(2).on("blur", function(){
        var uPwd = $(".reg_main form input").eq(1).val();
        var uPwd2 = $(".reg_main form input").eq(2).val();
        // console.log(uPwd);
        // console.log(uPwd2);
        if(uPwd2.trim() == uPwd.trim()){
            textArr[2] = 1;
            $(".reg_main form>span").eq(2).text("正确");
        } else {
            textArr[2] = 0;
            $(".reg_main form>span").eq(2).text("两次的密码不一致");
            $(".reg_main form>span").eq(2).css("visibility", "visible")
        }
    });
    //点击注册按钮，验证
    $("input[type='button']").on("click", function(){
        // console.log($(".reg_main form input").eq(0).val());
        // console.log(textArr);
        var flag = $(".reg_main form>.policy >input").prop("checked");
        //注册，设置cookie

        if(flag && textArr[0] == 1 && textArr[1] == 1 && textArr[2] == 1){

            //获取账号和密码，存入数据库-----------------
            var uName=$("input[name='uName']").val();
            var uPwd=$("input[name='uPwd']").val();
            $.ajax({
                type:"post",
                url:"http://127.0.0.1/hz1706/day02/sasa_1.php",
                data:{"uName":uName,"uPwd":uPwd},
                success:function (result) {
                    // if(JSON.parse(result)[0].status==1){
                    //     alert("注册成功")
                    // }
                    console.log("注册成功");
                }
            });
            //点击设置cookie，
            //可以取到[]形式的form表单结果
            var arr = $("form").serializeArray();
            var resObj = {};
            // console.log(arr);
            //遍历[]形式的数据，将它放到对象里，各自对应
            $.each(arr, function(k, v){
                //                console.log(k, v);
                resObj[v.name] = v.value
            });
            // console.log(resObj);

            // console.log(JSON.stringify(resObj));
            var date = new Date();
            date.setDate(date.getDate() + 7);
            //做好的json，设置到cookie里面
            $.cookie("myLogin", JSON.stringify(resObj), date);
            // console.log($.cookie("myLogin"));
            $(".result").text("注册成功! 3秒后自动跳转...");
            setTimeout(function(){
                window.location.href = "login.html";
            }, 3000)

        }
        else {
            $(".result").text("对不起，注册失败")
        }
        if(!flag){
            // console.log(1);
            $(".result").text("请您勾选“同意”按钮")
        }
    })
})
;